@charset "UTF-8";
// 默认主题下 $color-border-light

@mixin border-thin($color: $ft-divider-color, $style: solid, $directions: top bottom right left, $width: 1 * $ft-unit) {
  @each $value in $directions {
    border-#{$value}: $width $color $style;
  }
}

@mixin border-thin-top($color: $ft-divider-color, $style: solid, $width: 1 * $ft-unit) {
  @include border-thin($color, $style, top, $width);
}

@mixin border-thin-left($color: $ft-divider-color, $style: solid, $width: 1 * $ft-unit) {
  @include border-thin($color, $style, left, $width);
}

@mixin border-thin-right($color: $ft-divider-color, $style: solid, $width: 1 * $ft-unit) {
  @include border-thin($color, $style, right, $width);
}

@mixin border-thin-bottom($color: $ft-divider-color, $style: solid, $width: 1 * $ft-unit) {
  @include border-thin($color, $style, bottom, $width);
}

@mixin border(
  $color: $ft-border-color-df,
  $style: $ft-border-style-df,
  $width: $ft-border-width-hairline,
  $directions: top bottom right left,
  $nvue: null
) {
  @if $nvue {
    @if $nvue == 'nodir' {
      border-width: $width;
      border-color: $color;
      border-style: $style;
    } @else {
      @each $position in $directions {
        border-#{$position}-width: $width;
        border-#{$position}-color: $color;
        border-#{$position}-style: $style;
      }
    }
  } @else {
    border: $width $style $color;
  }
}

// 圆角，为了兼容weex 不支持百分比
@mixin circle() {
  border-radius: 9999px;
}

@mixin border-radius($radius: 0, $directions: 'top-right' 'top-left' 'bottom-left' 'bottom-right', $nvue: null) {
  @if $nvue {
    @each $position in $directions {
      border-#{$position}-radius: $radius;
    }
  } @else {
    border-radius: $radius;
  }
}
